import React, {Component, PropTypes} from 'react';
import {Link,browserHistory} from 'react-router'
import {Input,Grid,Col,Topbar,CollapsibleNav,Nav,NavItem} from 'amazeui-react'
import STYLE from '../res/STYLE.js'
export default class Head extends Component{
constructor(props){
	super(props)
	this.state={
        imgActive:''
	}
}
render(){
    let menu = []
    let img =['www/src/img/one.png','www/src/img/one.png']
    let imgActive =['www/src/img/oneActive.png','www/src/img/oneActive.png']
    for(let i=0;i<6;i++){
        menu.push(
         <Col sm={2} key={i}onMouseOver={()=>{

                          this.setState({
                                imgActive:imgActive[i]
                          })
                     }}
                     onMouseOut={()=>{
                                this.setState({
                                imgActive:''
                          })
                     }}>
         <img src={this.state.imgActive?this.state.imgActive:img[i]}/>
         </Col>
         )
    }
	return(
	    <div className='Menu_box'>

			<ul className='Menu_center'>
            <li><img  className='Menu_logo' src='www/src/img/LOGO.png'/></li>
            <li><a href='#' className='Menu_one'></a>   </li>
            <li><a href='#' className='Menu_two'></a> </li>
            <li><a href='#' className='Menu_three'></a> </li>
            <li><a href='#' className='Menu_four'></a></li>
            <li><a href='#' className='Menu_five'></a> </li>
            <li><a href='#' className='Menu_six'></a> </li>

		    </ul>
	    </div>
	)
  }
}
Head.PropTypes = {

}
Head.defaultProps = {
}

